<template>
    <div>
        <ul>
            <li v-for="value in obj" :key="value">{{value}}</li>
        </ul>
        <button @click="addObjB">添加obj.b</button>
    </div>
</template>

<script>
export default {
    name:'useset',
    data() {
        return {
            obj:{
                a:'obj.a',
            }
        }
    },
    methods: {
        //这样视图不会发生变化
        // addObjB(){
        //     this.obj.b = 'obj.b'
        // }
        //$set 可以把数据变成响应式p
        addObjB(){
            this.$set(this.obj,'b','obj.b')
        }
    },
}
</script>

<style>

</style>